<%@page import="java.util.*"%>
<%@page import="DTL.*"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<html>
    <head>

        <style type="text/css">
            body p, table {
                font-family: Verdana, Geneva, sans-serif;
                font-size:10px;
            }
            body {
                margin-left: 0px;
                margin-top: 0px;
                margin-right: 0px;
                margin-bottom: 0px;
            }
            #navigation { 
                margin: 0 ; 
                padding: 0 ; 
                list-style: none ; 
                text-align: left ; 
            }
            #navigation li { 
                display: inline ; 
                margin-right: 2px ; 
                color: #fff ; 
                background:#8CC63E;
                font-size:12px;
            }
            #navigation li a { 
                padding: 2px 20px ; 
                background: #8CC63E ; 
                color: #fff ;  
                font: "Verdana",Arial,sans-serif ; 
                line-height: 1em ; 
                text-align: center ; 
                text-decoration: none;
            }
            #navigation li a:hover, #navigation li a:focus, #navigation li a:active { 
                background: #060 ;
            }
        </style>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <link rel="icon" type="image/png" href="img/bmg_tr.gif" />
        <title>Build More Green: Votre commande</title>
    </head>

    <body>    
        <div align="center">

            <table width="838" height="100%" border="0" cellpadding="5">
                <tr>
                    <td width="10" rowspan="3" align="center" background="img/border_l.gif"></td>
                    <td width="800" height="120"><table width="100%" border="0" cellpadding="5">
                            <tr>
                                <td height="120"><img src="img/logo.jpg" alt="" width="255"></td>
                                <td><table width="100%" border="0" align="center" cellpadding="5">
                                        <tr>
                                            <td colspan="2" bgcolor="#8CC63E"><b>votre panier:</b></td>
                                        </tr>
                                        <tr>
                                            <td width="44%" bgcolor="#CCCCCC"><b><font color="<% out.print((request.getAttribute("testPanier") != null && request.getAttribute("testPanier") == "n") ? "red" : "");%>">Réf. différentes</font></b></td>
                                            <td width="56%" bgcolor="#CCCCCC"><font color="<% out.print((request.getAttribute("testPanier") != null && request.getAttribute("testPanier") == "n") ? "red" : "");%>"><% out.print(session.getAttribute("panierQuantite"));%></font></td>
                                        </tr>
                                        <tr>
                                            <td bgcolor="#CCCCCC"><b>Prix total</b></td>
                                            <td bgcolor="#CCCCCC"><% out.print(session.getAttribute("panierPrixTotal"));%></td>
                                        </tr>
                                    </table></td>
                            </tr>
                        </table></td>
                    <td width="10" rowspan="3" align="center" background="img/border_r.gif"></td>
                </tr>

                <tr>
                    <td height="34"><table width="800" colspan="7" border="0" cellpadding="1" bgcolor="#8CC63E">
                            <tr>
                                <td><ul id="navigation">
                                        <li><a href="/BMGweb/Magasin?action=catalogue" title="home">HOME </a></li>
                                        <li><a href="/BMGweb/Magasin?action=panier" title="panier">PANIER </a></li>
                                        <li><a href="/BMGweb/Magasin?action=commande" title="commander">COMMANDER</a></li>
                                    </ul></td>
                            </tr>
                        </table>
                        <p>Page de validation de votre commande. 
                            Merci d'entrer les informations demandées</p>
                        <table width="800" colspan="7" border="0" cellpadding="1" bgcolor="#8CC63E">
                            <tr>
                                <td></td>
                            </tr>
                        </table></td>
                </tr>


                <tr>
                    <td valign="top"><form method="get" action="/BMGweb/Magasin">
                            <table width="800" border="0" cellpadding="5">
                                <tr>
                                    <td width="137" bgcolor="#CCCCCC" ><font color="<% out.print((session.getAttribute("rappel") == "o" && request.getAttribute("testNom") == "n") ? "red" : "");%>">Nom</font></td>
                                    <td width="654" bgcolor="#CCCCCC"><label for="nom5"></label>
                                        <input type="text" size="48" name="nom" id="nom" value="<% out.print(request.getAttribute("nom"));%>"></td>
                                </tr>
                                <tr>
                                    <td bgcolor="#CCCCCC"><font color="<% out.print((session.getAttribute("rappel") == "o" && request.getAttribute("testPrenom") == "n") ? "red" : "");%>">Prénom</font></td>
                                    <td bgcolor="#CCCCCC"><label for="prenom"></label>
                                        <input type="text" size="48" name="prenom" id="prenom" value="<% out.print(request.getAttribute("prenom"));%>"></td>
                                </tr>
                                <tr>
                                    <td bgcolor="#CCCCCC"><font color="<% out.print((session.getAttribute("rappel") == "o" && request.getAttribute("testAdrFact") == "n") ? "red" : "");%>">Adresse de facturation</font></td>
                                    <td bgcolor="#CCCCCC"><label for="add_fact"></label>
                                        <textarea name="add_fact" id="add_fact" cols="45" rows="5"><% out.print(request.getAttribute("add_fact"));%></textarea></td>
                                </tr>
                                <tr>
                                    <td bgcolor="#CCCCCC"><font color="<% out.print((session.getAttribute("rappel") == "o" && request.getAttribute("testAdrLiv") == "n") ? "red" : "");%>">Adresse de livraison</font></td>
                                    <td bgcolor="#CCCCCC"><label for="add_liv"></label>
                                        <textarea name="add_liv" id="add_liv" cols="45" rows="5"><% out.print(request.getAttribute("add_liv"));%></textarea></td>
                                </tr>
                                <tr>
                                    <td bgcolor="#CCCCCC"><font color="<% out.print((session.getAttribute("rappel") == "o" && request.getAttribute("testTel") == "n") ? "red" : "");%>">Téléphone</font></td>
                                    <td bgcolor="#CCCCCC"><label for="tel"></label>
                                        <input type="text" size="48" name="tel" id="tel" value="<% out.print(request.getAttribute("tel"));%>"></td>
                                </tr>
                                <tr>
                                    <td bgcolor="#CCCCCC"><font color="<% out.print((session.getAttribute("rappel") == "o" && request.getAttribute("testEmail") == "n") ? "red" : "");%>">E-Mail</font></td>
                                    <td bgcolor="#CCCCCC"><label for="email"></label>
                                        <input type="text" size="48" name="email" id="email" value="<% out.print(request.getAttribute("email"));%>"></td>
                                </tr>
                                <tr>
                                    <td colspan="2" bgcolor="#CCCCCC"><label for="tel">
                                            <div align="right">
                                                <input type="hidden" name="action" value="commandeEmail" />
                                                <input type="submit" name="envoyer" id="envoyer" value="Envoyer">
                                            </div>
                                        </label></td>
                                </tr>
                            </table>
                        </form>
                        <p>&nbsp;</p>
                        <table width="800" colspan="7" border="0" cellpadding="1" bgcolor="#8CC63E">
                            <tr>
                                <td></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </div>
    </body>
</html>